<template>
  <div class="connection clearfix">
    <div class="con_continer main-container">
      <div class="conus_icon">
        <div class="top_banner_left" style="display: block">
          <div class="tbl_block1">
            <img src="@/assets/img/logo.png" alt="" />
          </div>
          <div class="tbl_block2">
            <h4>萌宠乐园</h4>
            <h6>Service for Dogs and Cats</h6>
          </div>
        </div>
      </div>
      <div class="con_way">
        <div class="con_title">联系方式</div>
        <div>
          地点:中国地区XX分区5A写字楼8-88室<br />
          邮箱:websi**@qq.com<br />
          手机:000-0000000<br />
          传真:021-0000000<br />
        </div>
      </div>
      <div class="botton_aboutus">
        <div class="con_title">关于我们</div>
        <div>
          吸收全球业界的先进经验，不断强化自身的研发实力，以多名动物营养硕士和兽医为核心，建立了亚洲较大的宠物食品研发中心。
        </div>
        <div>
          制定了适口性、营养全面提升的每年计划。由国内外知名学者教授为核心的宠物营养研究所也在筹备中。
        </div>
      </div>
      <div class="scan">
        <div class="con_title">扫一扫关注</div>
        <img src="@/assets/img/50r9.jpg" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "MyFooter",
  };
</script>

<style>
  .clearfix:after,
  .clearfix:before {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  .clearfix {
    *zoom: 1;
  }

  /* 联系我们 */
  .connection {
    display: block;
    bottom: 0;
    padding: 38px 0;
    background-color: #362526;
    position: relative;
    overflow: hidden;
  }
  .con_continer {
    margin: 0 auto;
    /* margin: auto 0; */
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
  }
  .con_continer div {
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
  }
  .conus_icon {
    width: 264px;
    height: 75px;
  }
  .con_way {
    width: 256px;
    height: 128px;
  }
  .botton_aboutus {
    width: 387px;
    height: 155px;
  }
  .connection .con_title {
    color: #f6ab4a;
    font-size: 16px;
    padding-bottom: 15px;
  }
  .scan img {
    width: 100px;
    height: 100px;
  }
</style>
